import React, { Component } from 'react';
import { Link,IndexLink } from 'react-router'
import NavLink from './NavLink'

export default class Nav extends Component {
    constructor(props, context) {
        super(props, context);
    };
    render() {
        return (
            <div className="nav">
                <ul>
                    <li><IndexLink to="/" activeClassName="active">Home</IndexLink></li>
                    <li><NavLink to="/customer">Customer</NavLink></li>
                    <li><NavLink to="/counter">Counter</NavLink></li>
                    <li><NavLink to="/calculator">Calculator</NavLink></li>
                    <li><NavLink to="/dictionary">Dictionary</NavLink></li>
                    <li><NavLink to="/dictionary/article/list">Article List</NavLink></li>
                </ul>
            </div>
        );
    }
}
